<template>
    <div class="footer_body">
        <div class="main">
            <div>
                <div class="left">
                    <el-image style=""
                        src="https://www.showjane.com/template/pc/rainbow/static/xiujiang/images/logo_1.png"
                        fit="fit" />
                </div>
                <div class="center">
                    <dl>
                        <dt>关于秀匠</dt>
                        <dd>品牌</dd>
                        <dd>室内门</dd>
                    </dl>
                    <dl>
                        <dt>服务合作</dt>
                        <dd>全屋整体</dd>
                        <dd>衣柜系列</dd>
                        <dd>橱柜系列</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>我的订单</dd>
                        <dd>我的收藏</dd>
                        <dd>我的足迹</dd>
                        <dd>积分</dd>
                    </dl>
                </div>
                <div class="right">
                    <div>联系我们</div>
                    <div>400-150-1877</div>
                </div>
            </div>
            <div>
                Copyright © 2018 showjane.com Inc.All Rights Reserved. 浙江浦江秀匠家具有限公司版权所有 浙ICP备20024704号-1
            </div>
        </div>
    </div>
</template>


<style scoped lang="scss">
.footer_body {
    height: 365px;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-top: 1px solid #c0c0c088;

    &>.main {
        width: 1040px;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        &>:nth-child(1) {
            flex: 1;
            margin-top: 60px;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;

            & .center {
                flex: 1;
                border-left: 1px solid #C0C0C0;
                border-right: 1px solid #C0C0C0;
                margin-left: 40px;
                margin-right: 40px;
                display: flex;
                justify-content: space-evenly;
                font-size: 14px;
                line-height: 34px;

                & dt {
                    font-weight: bold;
                    border-bottom: 1px solid #C0C0C0;
                    margin-bottom: 20px;
                }

            }

            & .right {
                line-height: 34px;

                &>:nth-child(2) {
                    font-weight: bold;
                }
            }

        }

        &>:nth-child(2) {
            border-top: 1px solid #C0C0C0;
            line-height: 52px;
            text-align: center;
            font-size: 12px;
        }

    }
}
</style>
